<template>
    <div>
        <el-container>
            <el-header>
<!--       头部组件         -->
                <Head></Head>
            </el-header>
            <el-container>
                <el-aside width="200px" style="height: 100%">
                   <Side></Side>
                </el-aside>
                <el-main>
                    <!--  main 显示的主内容  子路由视图页面  -->
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>

    </div>
</template>

<script>
    import Head from "@/components/Head";
    import Side from "@/components/Side";
    export default {

        // eslint-disable-next-line vue/multi-word-component-names
        name: "Home",
        components: {Side, Head},
        component:{
            // eslint-disable-next-line no-undef
            Head,
            Side
        }
    }
</script>

<style scoped>
    /*div{*/
    /*    border:1px solid black;*/
    /*}*/
    .el-header{
        margin: 0px;
        padding: 0px;
    }
</style>